<template>
  <div class="home">
    <van-swipe :autoplay="0" class="my-swiper">
      <van-swipe-item v-for="(image, index) in list" :key="index">
        <img v-lazy="image.carouselUrl" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>
import { getGoods } from '../../../api/home.js'
export default {

  props: ['list'],
  data() {
    return {
      LunboList: {}
    }
  },
  methods: {
    async getLunbo() {
      const res = await getGoods()
      this.LunboList = res.data.carousels
    }
  },
  created() {
    this.getLunbo()
  }
}
</script>
<style lang="scss" scoped>
.my-swiper {
  height: 172px;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>